@charset"utf-8";
/* CSS Document */
a:hover { color: #EF4513;}
#header_menu { background: #EAEAEA; background: linear-gradient(#FFFFFF, #EEF0F0); height: 30px; line-height: 30px;}
#header { border-bottom: 2px solid #018DE4;background:#FBFBFB }
#logo { width:1200px; height:129px; margin:0 auto; background:url(images/logo.png) no-repeat}
.tel{ float:right; padding-top:60px; padding-right:20px}
.clear{ clear:both}
.p_left { float:left; width:223px;}
.p_lt { height:85px; background:url(images/ptitle.png) no-repeat}
.p_body { background:#F8F8F8; padding:10px 15px;}
.p_body ul li{ height:54px; line-height:54px; border-bottom:1px dashed #909090}
.p_body ul li a{ background:url(images/right.png) left no-repeat; font-size:16px; padding-left:15px}
.p_right { float:right; width:940px} 
/*导航*/
#nav_bg{background:url(images/nav_bg.jpg) repeat-x}
#nav { width:1200px;  margin:0 auto; height: 52px;  }
#nav li { float: right; position: relative;  }
#nav .home { background: none; }
#nav li a { display: block; width: 144px; color: #fff; text-align: center; height: 62px; }
#nav li a .name { height: 31px; padding-top: 10px; }
#nav li a .sname { height: 31px; font-size: 12px; }
#nav li a:hover {background:url(images/ahover.gif) no-repeat; text-decoration: none; color: #FFF; }
#nav li .current {background:url(images/ahover.gif) no-repeat; text-decoration: none; color: #FFF; }
#nav .sub { display: none; position: absolute; left: 0;top:52px; background: #0187E0; z-index: 99999; }
#nav .sub li { background: none; float: none; height: 36px; padding: 0; }
#nav .sub li a { height: 36px; line-height: 36px; font-size: 12px;  border-radius: 0; color: #FFF; }
#nav .sub li a:hover { background: #CB0000; }
.search { background: #EEE; height: 40px; line-height: 40px; position: relative; padding: 0 10px; }
#search_text { border: 1px solid #EB4413; height: 26px; line-height: 26px; padding: 0 10px; width: 160px; position: absolute; right: 70px; top: 7px; border-radius: 13px 0 0  13px; }
#search_submit { background: #EB4413; height: 26px; width: 60px; position: absolute; right: 10px; top: 7px; color: #FFF; cursor: pointer; border-radius: 0 13px 13px 0; }
/* 首页产品 */
.indicate p{ text-align:center}
.p_title{padding-top:3px;text-align:center;width:443px;line-height:25px;font-size:14px;color:#666666;margin-left:auto;margin-right:auto;}
.p_line {border-bottom:2px solid #0176c5;height:1px;margin:15px auto;width:100px;}
.news_left{ float:left; width:380px}
.news_center{ float:left; width:380px; margin-left:20px}
.news_right{ float:right; width:400px}
#index_news ul li { height:97px; margin:10px 0}
.news_left dd{ float:right; width:240px; margin:0 auto}
.news_left span { float:left;width:130px;margin:0 auto; height:97px;  }
.news_left span img{border:2px solid #0176C5}
#news5 {background:#f4f4f4;width:100%;height:auto;padding-top:30px; padding-bottom: 20px;}
#news5 .title {padding-top:3px;text-align:center;width:443px;line-height:25px;font-size:14px;color:#666666;margin-left:auto;margin-right:auto;}
#news5 .line {border-bottom:2px solid #0176c5;height:1px;margin:15px auto;width:100px;}
#news5 .container {margin:35px auto;}
#news5 .newsbox {width:400px;float:left;height:98px;font-size:12px;margin-bottom:40px;}
#news5 .newsbox img {border:2px solid #0176C5;float:left;display:block;width:125px;height:94px;}
#news5 .newsbox .text {width:220px;padding-left:10px;padding-right:41px;height:98px;float:left;color:#333333;}
#news5 .newsbox .text .name {height:22px;line-height:22px;overflow:hidden; display: block;}
#news5 .newsbox .text .name:hover{color:#0176c5;}
#news5 .newsbox .text .describe {height:50px;line-height:25px;overflow:hidden;}
#news5 .newsbox .text .more {margin-top:4px;background:#0176c5;width:84px;height:22px;line-height:22px;text-align:center;color:#FFFFFF;display:block;float:left;}

#news5 .mores{ width: 174px; height: 30px; line-height: 30px; border: 1px solid #959595; color: #333333; font-size: 12px; text-align: center; display: block; margin-left: auto; margin-right: auto;}
#news5 .mores:hover{ color: #0176c5;}
/**---------------------首页联系我们---------------------------------**/

.contact5 {padding:50px 0;}
.contact5 .boxlist {padding:0 2px;width:20%;border-right:1px solid #0176c5;float:left;margin-top:50px;text-align:center;}
.contact5 .boxlist p {color:#333333;font-size:14px;margin-top:15px;padding-bottom:10px;}
.contact5 .boxlist.last {border-color:#ffffff;}


/* 幻灯 */
#slideshow { height: 400px; position: relative; background: #000; margin-bottom: 10px; }
#slideshow .bd li { height: 400px; }
#slideshow .hd ul { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; }
#slideshow .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 30px; height: 8px; margin-right: 2px; background: #FFF; overflow: hidden; line-height: 9999px; }
#slideshow .hd ul .on { width: 60px; background: #E84414; }
#slideshow .site_width { width: 980px; height: 400px; margin: 0 auto; }
#slideshow .site_width a { width: 980px; height: 400px; display: block; }
#slideshow .next, #slideshow .prev { position: absolute; top: 0; width: 68px; height: 400px; color: #FFF; line-height: 400px; text-align: center; }
#slideshow .next { left: 0; background: url(images/l.png) center no-repeat;}
#slideshow .prev { right: 0; background: url(images/r.png) center no-repeat;}
/*主体*/
.hd1 { background: #EEE; height: 40px; line-height: 40px; padding: 0 14px; font-size: 16px; border-left: 10px solid #00AAEE; }
.bd1 { padding: 10px 0; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.hd2 { background: #EEE; height: 40px; line-height: 40px; padding: 0 14px; font-size: 16px; border-left: 10px solid #CB0000; }
.bd2 { padding: 10px 0; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.hd3 { background: #EEE; height: 40px; line-height: 40px; padding: 0 14px; font-size: 16px; border-left: 10px solid #CB0000; }
.bd3 { padding: 10px 0; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.hd4 { font-size: 30px; padding: 15px 0; }
.hd4 .aname{ font-size: 18px; }
.bd4 { padding: 10px 0; }
.seoname { text-align: center; font-size: 20px; margin-bottom: 20px; color: #666;}
.more { }
.more a { background: #CB0000; display: block; padding: 0 10px; color: #FFF; font-size: 12px; }
.more a:hover { background: #000; }
.current_location { background: #EEE; height: 40px; line-height: 40px; padding: 0 10px; margin-bottom: 10px; margin-top: 10px; }
.current_location a.current { color: red; }
/*友情链接*/

.linkx { border-top:1px solid #e7e7e7; height:155px; overflow:hidden; }
.link { height:155px; overflow:hidden; }
.link h2 { background:url(images/links_en.gif) no-repeat 0 12px; width:147px; height:81px; margin:42px 0 32px 0; border-right:1px solid #d6d6d6; }
.link h2 a { color:#333; font:16px "微软雅黑"; padding:42px 0 0 0; float:left; }
.link h2 span a { font:12px "微软雅黑"; background:url(images/links.gif) no-repeat; width:66px; height:27px; padding:0 0 0 3px; margin:45px 0 0 3px; color:#fff; float:left; display:inline; }
.ll_con { width:812px; padding:50px 0 0 0; height:80px; overflow:hidden; }
.ll_con a { padding:0 14px 0 10px; display:inline-block; font:12px/32px "微软雅黑"; color:#333; }
.ll_con a:hover{ color:#f60}

/*底部*/
#footer { background:url(images/fbg.gif) repeat-x; height:35px; padding: 10px 0; color: #EEE; margin-top: 20px; }
#footer a { color: #EEE; }
.fbg { height:105px; overflow:hidden; background:url(images/fbg.gif) repeat-x;}
.f_nav { width:960px; margin:0 auto; height:43px; line-height:43px; font: bold 14px/44px "微软雅黑";  border-bottom:1px solid #016aa6; text-align:center; color:#fff;}
.f_nav a { padding:0 25px; color:#fff; display:inline-block;}
.f_nav a.nobot { border:0;}
.f_con {  padding:24px 0 0 0;  height:187px;  overflow:hidden;}
.contact { width:960px; margin:0 auto; text-align:center}
.f_con h1 { padding:4px 28px 0 99px;}
.f_con p { color:#fff; font: normal 12px/24px "微软雅黑";  text-align:center; padding:10px 0 20px 30px; border-left:1px solid #4da0e7;;}
.f_con p a { color:#fff; padding:0px;}
.f_con p img { vertical-align:middle; margin:0 20px 0 0;}
.code { padding:12px 60px 0 0; width:148px; overflow:hidden;}
.code img { margin:0 15px; width:118px; height:118px;}
.code span { display:block; text-align:center; color:#fff; font:13px/34px "微软雅黑";}

/* 频道页相关 */
#channel_cover { margin-bottom: 10px; }
#channel_cover img { width: 100%; }
#channel_content p { line-height: 26px; }

.channel_list li { margin-bottom: 2px; }
.channel_list li a { display: block; background: #EEE; line-height: 40px; padding: 0 10px; }
.channel_list li a:hover { color:#910003; text-decoration: none; }
.channel_list li a.current { background: #CB0000; color: #FFF; text-decoration: none; }
.channel_wlist { overflow: hidden; margin-bottom: 10px; }
.channel_wlist li { float: left; margin-right: 10px; }
.channel_wlist li a { display: block; height: 40px; line-height: 40px; background: #EEE; padding: 0 30px; }
.channel_wlist li a:hover { background: #CB0000; color: #FFF; }
.channel_wlist li a.current { background: #CB0000; color: #FFF; }

.adlist{} 
.adlist .wrap { background: #F7F7F7; padding: 10px; margin-bottom: 10px; border: 1px solid #EEE; } 
.adlist .title { line-height: 36px; border-bottom: 1px dotted #999;} 
.adlist .content { font-size: 12px; color: #AAA; padding: 10px 0; } 
.adlist .info { font-size: 12px; text-align: right; } 
.plist img { height:240px}
.plist { text-align:center}
.plist .wrap { margin-bottom: 20px; padding: 10px; border: 1px solid #EEE;}
.plist .wrap img:hover { animation:plist 1s .1s ease both;}
.x3>.wrap img { width:200px; height:160px}
.plist .title { text-align: center; height: 36px; line-height: 36px; background: #EEE; }
@keyframes plist{
	0%{ transform:scale(1) }
	50%{ transform:scale(1.1) }
	100%{ transform:scale(1) }
}
.pdlist{} 
.pdlist .wrap { background: #F7F7F7; padding: 10px; border: 1px solid #EEE; }
.pdlist .l { width: 120px; float: left; }
.pdlist .r { float: right; width: 740px; }
.pdlist .title { line-height: 36px; border-bottom: 1px dotted #999;} 
.pdlist .content { font-size: 12px; color: #AAA; padding: 10px 0; } 
.pdlist .info { font-size: 12px; text-align: right; } 

.prlist .wrap { border: 1px solid #EEE; padding: 10px; margin-bottom: 2px;}
.prlist .bd { margin-top: 10px; }
.prlist .bd .content{ font-size: 12px; color: #999; }
.prlist .on{ background: #FAFAFA; }
/*困扰*/
.kr .content { width:1000px; margin:0 auto;}
.kr { background:url(images/kr.jpg) no-repeat center top; height:489px; }
.k_con { height:489px; font:17px/26px "微软雅黑"; color:#000; position:relative; }
.one { position:absolute; top:82px; right:130px; }
.two { position:absolute; top:167px; right:10px; }
.three { position:absolute; top:255px; right:100px; }
.four { position:absolute; top:345px; right:130px; }
/*优势*/
.ys { background:url(images/ys_bj.jpg) no-repeat center top; height:836px; padding-top:44px; }
.ys .content { width:1000px; margin:0 auto;}
.y_con { height:836px; position:relative; }
.h2 { text-align:center; font: bold 40px "微软雅黑"; color:#0074db; }
.h2 p { font:20px "微软雅黑"; color:#da251c; background:url(images/h.png) no-repeat center center; }
.d01 { height:148px; width:492px; float:right; position:absolute; top:120px; right:0px; }
.d01 dt { float:left; width:492px; height:90px; }
.d01 dt img { float:left; height:88px; width:90px; }
.d01 dt p { font: bold 24px/60px "微软雅黑"; color:#da251c; background:url(images/y_d.gif) no-repeat center bottom; float: left; padding: 10px 0 0 20px; width: 382px; }
.d01 dd p { float:left; width: 435px; height:60px; background:url(images/d.gif) no-repeat 38px 8px; font:15px/26px "微软雅黑"; margin-top:7px; padding-left: 98px; }
.d02 { top:300px; right:0px; }
.d03 { top:490px; right:0px; }
/*无缝滚动*/
#scrollleft { overflow:hidden; width:100%;}
#scrollleft .scrollmain { float:left; width:1000%; }
#scroll_a { float:left; }
#scroll_b { float:left; }
/*图片列表[简约]*/
.picture_list li { float:left; text-align:center; padding:4px;}
.picture_list_img_wrap img { padding:2px; border:1px solid #DADADA; width:220px; height:180px;}
.picture_list_img_wrap1 img { padding:5px; border:1px solid #DADADA; width:305px; height:250px;}
.picture_list li a { line-height:22px; }


.ys_bg { background:url(images/ys_bg.jpg) center 65px no-repeat; height:1165px; overflow:hidden; margin-top:-22px; position:relative; z-index:99;}
.ys1 { width:960px; margin:0 auto;}
.y_tit { text-align:center; height:127px; margin-bottom:46px; margin-top:-13px;}
.y_tit em { display:block; color:#1579c6; font-size:16px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-style:italic; margin-top:-8px;}
.y_tit span { display:block; overflow:hidden; zoom:1; padding-left:204px;}
.y_tit span small { float:left; color:#888; font-size:30px; text-align:right; font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; margin-top:27px;}
.y_tit span b { display:block; color:#333; font-style:normal;font-family:"Microsoft Yahei"; margin-top:-5px;}
.y_tit big { float:left; color:#1579c6; font-size:60px; font-style:italic;}
.y_tit big font { font-size:84px;}
.ys_con dl { width:480px; padding:12px 0 16px 0;}
.ys_con dt { background:url(images/y_line.gif) left bottom repeat-x; padding-bottom:14px; overflow:hidden;zoom:1; margin-bottom:7px;}
.ys_con dt img { float:left; width:43px; height:46px;}
.ys_con dt span { float:left; padding-left:12px; color:#999; text-transform:uppercase; margin-top:5px;}
.ys_con dt b { display:block; color:#1579c6; font-size:16px;}
.ys_con dd { margin:0 0 0 25px; color:#666; line-height:22px; background:url(images/y_li.gif) left 9px no-repeat; padding-left:13px; padding-right:20px;}
.y_link { background:url(images/y_btn.gif) no-repeat; width:158px; height:31px; line-height:31px; text-align:center; padding-bottom:35px; display:block;}
.y_link a { color:#fff; display:block;}
.dl3 { margin:46px 0 0 480px;}
.link2 { margin-left:480px;}
.dl4 { margin-top:35px;}

/*流程*/
.lc_bg { background:url(images/lc_tbj.gif) no-repeat center top; margin-top:52px; }
.lc { height:332px; background:url(images/ll.gif) no-repeat center 20px; }
.lc h2 { padding-top:50px; }
.lc h2 p { background:url(images/lc_h.gif) no-repeat center center; }
.lc ul { padding-top:26px; height:136px; }
.lc li { width:104px; height:104px; float:left; padding-right:75px; _padding-right:70px; display:inline; text-align:center; }
.lc li a { display:inline-block; width:104px; height:104px; background:url(images/lc_bj.png) no-repeat; }
.lc li p { display:inline-block; font:bold 16px "微软雅黑"; color:#646464; width: 104px; padding-top: 16px; overflow:hidden; }
.lc li a:hover { background:url(images/lc_ba.png) no-repeat; height:104px; width:104px; }
.lc .nobot { padding-right:0px; }
.lc li p.p01 { background:none; }

/*分页样式*/
.page_turner { margin: 20px 0; text-align: center; }
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #E84414; color: #FFF; }

/*详情页面*/
#detail_title { font-size: 24px; line-height: 50px; }
#detail_intro { background: #EEE; color: #999; padding: 0 10px; line-height: 40px; font-size: 12px; background: linear-gradient(to right, #EEE, #FFF); }
#detail_content { padding: 20px 0; font-size: 14px; }
#detail_around { padding: 20px; background: #F5F5F5; line-height: 26px; border: 1px solid #CCCCCC; margin-bottom: 20px; }
#detail_picture { width: 660px; margin: 20px auto; text-align: center; }
#detail_picture img { padding: 5px; border: 1px solid #EEE; }
#detail_tab { margin: 20px 0;}
#detail_tab .hd li { float: left; display: block; cursor: pointer; height: 40px; line-height: 40px; padding: 0 40px; margin-right: 2px; background: #EEE; }
#detail_tab .hd li.on { background: #E84414; color: #FFF; }
#detail_tab .bd { margin-top: 20px; }

/*多图展示*/
#detail_slideshow { margin: 20px 0; width: 400px; }
#detail_slideshow .bd img { }
#detail_slideshow .hd { margin-top: 10px; }
#detail_slideshow .hd li .img { border: 1px solid #EEE; padding: 3px; cursor: pointer; }
#detail_slideshow .hd .on .img { border: 2px solid #E84414; padding: 2px; }

#detail_paremeter li { border-bottom: 1px solid #EEE; line-height: 40px;}

/*留言*/
.feedback_list { }
.feedback_list dt { padding: 10px; background: #CCC; }
.feedback_list dd { padding: 10px; background: #F1F1F1; margin-bottom: 10px; }
/* 漂浮的客服 */


#index-1 { padding: 20px 0; background: #F3F3F3; margin-top: 10px;}
#index-1 .block { background: #FFF; padding: 20px; height: 500px; }
#index-2 { padding: 20px 0;  }
#index-3 { padding: 20px 0;  }
#index-4 { padding: 20px 0; background:#F4F4F4 }


#index_products { }
#index_products .x3 { width: 302px !important; }

#float { z-index: 9999; position: absolute;  display: block; bottom: 1px; right: 0; }
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background: #018DE4;}
#float .icon { padding: 15px 0; width: 60px; display: block; line-height: 60px; text-align: center;  color: #FFF; font-size: 30px; }
#float .content {  min-height: 60px; position: absolute; right: 60px; top: 0; display: none; background: #018DE4;}
#float .content a { color: #FFF; }
#float .qq .content { line-height: 60px; padding: 0 20px; font-size: 30px; color: #FFF;  }
#float .qrcode .content { padding: 5px; width: 180px; }
#float .phone .content { line-height: 60px; padding: 0 20px; font-size: 30px; color: #FFF;  }
#float .custom .content { padding: 20px; min-width: 160px; color: #FFF; }
#float .gotop .content { }

.index_news {}
.index_news .wrap { margin-bottom: 10px;}
.index_news .left { background: #EEEEEE; height: 100px; float: left; width: 100px; text-align: center; color: #686868; }
.index_news .day { font-size: 50px; }
.index_news .ym {  }
.index_news .right { border: 1px solid #EEEEEE; border-left: none; height: 100px; float: left; width: 246px; padding: 10px;}
.index_news .title { font-size: 16px; line-height: 32px; }
.index_news .content { font-size: 12px; line-height: 22px; }
.index_news .wrap:hover .left { background: #EE3333; color: #FFF; }
.common_table { border-collapse:collapse; width:100%; }
.common_table td { padding:5px; border:1px solid #DBDBDB; }
.common_table th { text-align:center; border:1px solid #DBDBDB; }
/* 下拉菜单 */
#help-left { width:285px; font-family:'microsoft YaHei'; float:left }
.menu {}
.menu:last-child { border-bottom:1px solid #ccc }
.menu summary { height:40px; line-height:40px; text-indent:10px; outline:0; font-size:18px; font-weight:700; border-top:1px solid #ddd; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #CCC)); cursor:pointer }
.menu summary::-webkit-details-marker {}
.menu summary:before { width:16px; height:16px; margin-right:10px; font-size:18px; font-weight:700 }
.menu[open] summary:before { }
.menu ul { padding:10px 0 }
.menu ul li {  text-indent:25px; font-size:14px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #CCC));  margin:5px 20px ; height:30px; border:1px solid #CCCCCC; line-height:30px }
.menu ul li a {color:#666; font-weight:bold; font-size:14px ; padding-left:15px; background:url(images/on.png) no-repeat left;}
.menu ul li a:hover { text-decoration:underline; color:#f60; font-weight:bold}
/* 产品下拉  */
.list { margin: 0 auto; }
.list ul li { background-color:#EEEEEE; margin:3px auto;}
.list ul li a { padding-left: 15px; color: #333333; font-family:"微软雅黑"; display: block; font-weight: normal; height:36px; line-height: 36px; position: relative; }
.list ul li a:hover{color:#910003}
.list ul li .inactive { background:url(images/off.png) no-repeat left; margin-left:10px }
.list ul li .inactives { background:url(images/on.png) no-repeat left; }
.list ul li ul { display: none; }
.list ul li ul li { background:#E0E0E0; padding-left:18px}
.list ul li ul li { }
.list ul li ul li a { padding-left:10px; background:url(images/y_li.gif) left no-repeat }
.list ul li ul li a:hover{color:#910003; text-decoration: none;}
.list ul li ul li ul li {}
.last {}
.list ul li ul li ul li a {  padding-left:30px; }